irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Colorful] Aurora Blossom.css
200 lines3.7 KBCSS
RawDownloadHistory
1/* ---- 💫 https://github.com/JaKooLit 💫 ---- */
2/* Aurora Blossom */
3
4* {
5 font-family: "JetBrainsMono Nerd Font";
6 font-weight: bold;
7 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
8 font-size: 97%;
9 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
10}
11
12window#waybar {
13 background: transparent;
14}
15
16window#waybar.empty ,
17window#waybar.empty #window {
18 background-color: transparent;
19 padding: 0px;
20 border: 0px;
21}
22
23tooltip {
24 color: black;
25 background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
26 opacity: 0.8;
27 border-radius: 10px;
28}
29
30tooltip label{
31 color: black;
32}
33
34/*-----module groups----*/
35.modules-left,
36.modules-center,
37.modules-right {
38 background-image: linear-gradient(45deg, #7287fd 10%, #209fb5 54%, #8839ef 90%);
39 color: black;
40 border-radius: 6px;
41 padding-top: 2px;
42 padding-bottom: 2px;
43 padding-right: 4px;
44 padding-left: 4px;
45}
46
47/*-----modules indv----*/
48
49#taskbar button,
50#workspaces button {
51 color: black;
52 box-shadow: none;
53 text-shadow: none;
54 padding: 0px;
55 border-radius: 9px;
56 padding-left: 4px;
57 padding-right: 4px;
58 animation: gradient_f 20s ease-in infinite;
59 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
60}
61
62#taskbar button:hover,
63#workspaces button:hover {
64 color: grey;
65 background-color: rgba(0,153,153,0.2);
66 padding-left: 2px;
67 padding-right: 2px;
68 animation: gradient_f 20s ease-in infinite;
69 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
70}
71
72#taskbar button.active,
73#workspaces button.active {
74 color: grey;
75 padding-left: 8px;
76 padding-right: 8px;
77 animation: gradient_f 20s ease-in infinite;
78 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
79}
80
81#workspaces button.persistent {
82 border-radius: 10px;
83}
84
85#backlight,
86#backlight-slider,
87#battery,
88#bluetooth,
89#clock,
90#cpu,
91#disk,
92#idle_inhibitor,
93#keyboard-state,
94#memory,
95#mode,
96#mpris,
97#network,
98#power-profiles-daemon,
99#pulseaudio,
100#pulseaudio-slider,
101#taskbar button,
102#taskbar,
103#temperature,
104#tray,
105#window,
106#wireplumber,
107#workspaces,
108#custom-backlight,
109#custom-browser,
110#custom-cava_mviz,
111#custom-cycle_wall,
112#custom-dot_update,
113#custom-file_manager,
114#custom-keybinds,
115#custom-keyboard,
116#custom-light_dark,
117#custom-lock,
118#custom-hint,
119#custom-hypridle,
120#custom-menu,
121#custom-playerctl,
122#custom-power_vertical,
123#custom-power,
124#custom-quit,
125#custom-reboot,
126#custom-settings,
127#custom-spotify,
128#custom-swaync,
129#custom-tty,
130#custom-updater,
131#custom-weather,
132#custom-weather.clearNight,
133#custom-weather.cloudyFoggyDay,
134#custom-weather.cloudyFoggyNight,
135#custom-weather.default,
136#custom-weather.rainyDay,
137#custom-weather.rainyNight,
138#custom-weather.severe,
139#custom-weather.showyIcyDay,
140#custom-weather.snowyIcyNight,
141#custom-weather.sunnyDay {
142 padding-top: 4px;
143 padding-bottom: 4px;
144 padding-right: 6px;
145 padding-left: 6px;
146}
147#custom-power {
148 padding: 1px 3px;
149}
150/*-----Indicators----*/
151#custom-hypridle.notactive,
152#idle_inhibitor.activated {
153 color: #39FF14;
154}
155
156#pulseaudio.muted {
157 color: #cc3436;
158}
159#temperature.critical {
160 color: #cc3436;
161}
162
163@keyframes blink {
164 to {
165 color: #000000;
166 }
167}
168
169#battery.critical:not(.charging) {
170 color: #f53c3c;
171 animation-name: blink;
172 animation-duration: 3.0s;
173 animation-timing-function: steps(12);
174 animation-iteration-count: infinite;
175 animation-direction: alternate;
176}
177
178#backlight-slider slider,
179#pulseaudio-slider slider {
180 min-width: 0px;
181 min-height: 0px;
182 opacity: 0;
183 background-image: none;
184 border: none;
185 box-shadow: none;
186}
187
188#backlight-slider trough,
189#pulseaudio-slider trough {
190 background-color: #7f849c;
191 min-width: 80px;
192 min-height: 5px;
193 border-radius: 5px;
194}
195
196#pulseaudio-slider highlight,
197#backlight-slider highlight {
198 min-width: 10px;
199 border-radius: 5px;
200}